﻿<meta http-equiv="X-UA-Compatible" content="IE=8" />
@model Siser.Web.Models.UsuarioPendiente

@{
    ViewBag.Title = "Registro de empleado";
    Layout = null;
}
<div><img src="@Url.Content("~/Content/images/Pagina/_header.png")" width="100%" alt="cabecera"/></div>
<h2 style="margin-left:65px; text-decoration:underline">Registro</h2>
<!DOCTYPE html>
<html>
<head>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
    <script src="@Url.Content("~/Scripts/Propios.js")" type="text/javascript"></script> 
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.Rut.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery.autotab-1.1b.js")" type="text/javascript"></script>

<title>Registro de empleados</title>
</head>

<body>

<script type="text/javascript">
    $(document).ready(function () {
        $('#Usuario_Empleado_Nombre').autotab({ format: 'custom', pattern:'[<>]'});
        $('#Usuario_Empleado_ApellidoPaterno').autotab({  format: 'custom', pattern: '[<>]' });
        $('#Usuario_Empleado_ApellidoMaterno').autotab({ format: 'custom', pattern: '[<>]' });
        $('#Usuario_Empleado_Rut').autotab({  format: 'custom', pattern: '[<>]' });
        $('#Usuario_Empleado_Direccion').autotab({  format: 'custom', pattern:'[<>]' });
        $('#Usuario_Empleado_Telefono1').autotab({  format: 'custom', pattern: '[<>]' });
        $('#Usuario_Empleado_Telefono2').autotab({  format: 'custom', pattern: '[<>]' });
        $('#Usuario_Nombre').autotab({  format: 'alphanumeric' });
        $('#Usuario_Contrasena').autotab({  format: 'alphanumeric' });
        $('#Usuario_ContrasenaComparada').autotab({  format: 'alphanumeric' });

    });
	</script>

<div style="margin-left:40px">@using (Html.BeginForm("Registro", "Usuario", FormMethod.Post, new { id = "form2", enctype = "multipart/form-data" }))
{
    @Html.ValidationSummary(true)
    <p style="color:Red; text-align:center"><b>@TempData["alerta2"]</b></p>
    <fieldset class="registro">
        <legend>Datos personales</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.Nombre)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.Nombre, new { maxlength = 40, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.Nombre)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.ApellidoPaterno)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.ApellidoPaterno, new { maxlength = 40, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.ApellidoPaterno)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.ApellidoMaterno)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.ApellidoMaterno, new { maxlength = 40, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.ApellidoMaterno)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.Rut)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.Rut, new { maxlength = 12, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.Rut)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.Direccion)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.Direccion, new { maxlength = 70, size = 55, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.Direccion)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Empleado.CorreoElectronico)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.CorreoElectronico, new { maxlength = 40, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.CorreoElectronico)
        </div>
    </fieldset>
    
    <fieldset class="registro">
        <legend>Datos empresa</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.EmpresaId)
        </div>
        <div class="editor-field">
            @Html.DropDownList("EmpresaId", "Seleccione")
            @Html.ValidationMessageFor(model => model.EmpresaId)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.PlantaId)
        </div>
        <div class="editor-field">
            @Html.DropDownList("PlantaId", "Seleccione")
            @Html.ValidationMessageFor(model => model.PlantaId)
        </div>
           <div class="editor-label">@Html.LabelFor(model => model.Usuario.Empleado.DepartamentoId)</div>
    <div class="editor-field">
        @Html.DropDownList("Usuario.Empleado.DepartamentoId", ViewBag.DepartamentoId as SelectList, "Seleccione")
        @Html.ValidationMessageFor(model => model.Usuario.Empleado.DepartamentoId)
    </div>

    <div class="editor-label">@Html.LabelFor(model => model.Usuario.Empleado.CargoId)</div>
    <div class="editor-field">
        @Html.DropDownList("Usuario.Empleado.CargoId", ViewBag.CargoId as SelectList, "Seleccione")
        @Html.ValidationMessageFor(model => model.Usuario.Empleado.CargoId)
    </div>

        <div class="editor-label">@Html.LabelFor(model => model.Usuario.Empleado.Telefono1)</div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.Telefono1, new { maxlength = 15, size = 20, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.Telefono1)
        </div>

        <div class="editor-label">@Html.LabelFor(model => model.Usuario.Empleado.Telefono2)</div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Empleado.Telefono2, new { maxlength = 15, size = 20, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Empleado.Telefono2)
        </div>


    </fieldset>
    <p style="color:Red; text-align:center"><b>@TempData["alerta1"]</b></p>
    <fieldset class="registro">
        <legend>Datos usuario</legend>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Nombre)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(model => model.Usuario.Nombre, new { maxlength = 40, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Nombre)
        </div>

            <!--div class="editor-label">
            Html.LabelFor(model => model.Usuario.Empleado.NombreImagen)
        </div>
        <div class="editor-field">
            <input type="file" name="Imagen" size="30"/>
        </div-->

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.Contrasena)
        </div>
        <div class="editor-field">
            @Html.PasswordFor(model => model.Usuario.Contrasena, new { maxlength = 20, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.Contrasena)
        </div>

        <div class="editor-label">
            @Html.LabelFor(model => model.Usuario.ContrasenaComparada)
        </div>
        <div class="editor-field">
            @Html.PasswordFor(model => model.Usuario.ContrasenaComparada, new { maxlength = 20, size = 30, onpaste = "return false" })
            @Html.ValidationMessageFor(model => model.Usuario.ContrasenaComparada)
        </div>

    </fieldset>
    <div class="division" style="margin-left:50px; margin-top:10px">@Html.ActionLink("Volver", "InicioSesion", "Cuenta")</div>
    <div style="text-align:center; height:10px; margin-top:-20px; padding-bottom:5px"><input type="submit" value="Crear" /></div>
}
</div>


    <div id="footer">
        <ul>
            <li><a href="http://www.cchen.gob.cl/" target="_blank">CCHEN</a></li>
            <li><a href="#">Condiciones de servicio</a></li>
            <li><a href="#">Políticas de privacidad</a></li>
            <li><a href="#">Terminos generales del uso de la plataforma</a></li>
            <li><a href="#">Contacto</a></li>
        </ul>
    </div>
<script type="text/javascript">
    $("#Usuario_Empleado_Rut").Rut({
        on_error:
        function () {
            alert('Rut incorrecto');
            document.getElementById("Usuario_Empleado_Rut").value="";
        }
    })

    $(document).ready(function () {
        $("#EmpresaId").change(function () {
            obtenerPlantasByIdEmpresa();
        });

        function obtenerPlantasByIdEmpresa() {
            $.ajax({
                type: "Post",
                async: true,
                datatype: "json",
                url: "listarPlantasAsociadas?idEmpresa=" + $('#EmpresaId').val(),
                success: function (data) {
                    $("#PlantaId").empty();
                    $.each(data.Result, function (i, valor) {
                        $("#PlantaId").append('<option value="' + valor['Id'] + '">' + valor['Nombre'] + '</option>');
                    });
                }
            });
        }
    });

</script>
</body>
</html>
